<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <ui:composition template="layout.xhtml">
        <ui:define name="corpo">
            <h:form id="form" acceptcharset="utf-8"> 

                <p:messages  id="msg" closable="true"/> 
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexLivro.xhtml')}" value="Livros" update="@form" immediate="true"/> >
                    <p:commandLink   value="Cadastrar" update="@form" immediate="true"/>
                </div>
                <p:panel id="panel" header="Cadastrar Livro">   
                    <h:panelGrid columns="2"  
                                 styleClass="textAlignRight" columnClasses="textAlignRight"> 
                        
                        <h:outputLabel value="Titulo :"/>
                        <p:inputText value="#{managerLivros.livro.titulo}" size="30"
                                     required="true" requiredMessage="O campo titulo não pode ser vazio" />
                        
                        <h:outputLabel value="Numero :"/>
                        <p:inputText value="#{managerLivros.livro.numero}" size="30"/>
                        
                        <h:outputLabel value="Qtd Folhas:"/>
                        <p:inputText value="#{managerLivros.qtd}" size="30" required="true" 
                                     requiredMessage="O campo 'quantidade Folhas' não pode ser vazio"/>
                        
                        <h:outputLabel value="Descricao :"/>
                        <p:inputTextarea value="#{managerLivros.livro.descricao}" cols="70" rows="5"/>
                        
                        
                        

                    </h:panelGrid>
                </p:panel>       
                <br/>
                <div class="buttonAction">
                    <p:commandButton  
                                      icon="ui-icon-disk"  
                                      id="btSalvar" value="Salvar"
                                      actionListener="#{managerLivros.salvar()}" update="@form"/>
                    <p:commandButton  icon="ui-icon-arrowreturnthick-1-w" 
                                      value="Cancelar" 
                                      actionListener="#{managerVisualizarLivro.redirect('indexLivro.xhtml')}"
                                      immediate="true"/>
                
              <p:ajaxStatus style="width:16px;height:16px;" id="ajaxStatusPanel">  
                                <f:facet name="start">  
                                    <h:graphicImage value="/media/img/loading.gif" />  
                                </f:facet>  

                                <f:facet name="complete">  
                                    <h:outputText value="" />  
                                </f:facet>  
                            </p:ajaxStatus>

                </div>
            </h:form>
        </ui:define>
    </ui:composition>
</html>
